<#escape x as (x)!> <#include "basenosidebar.ftl"/> <#macro title> ${config.blogTitle}-${albumname}-${photo.title} </#macro> <#macro scripts>
<link rel="stylesheet" type="text/css" href="/styles/album.css" />
<script src="/scripts/jquery.galleriffic.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	document.write("<style type='text/css'>div.content{display:block;}</style>");
</script>
</#macro> <#macro main>
<div>
	<div id="container">
		<!-- Start Gallery Html Containers -->
		<div id="gallery1" class="content">
			<div id="controls1" class="controls"></div>
			<div style="clear: both;"></div>
			<div id="slideshow1" class="slideshow"></div>
			<div style="clear: both;"></div>
			<div id="details1" class="embox">
				<div id="image-title1" class="image-title"></div>
				<div id="download1" class="download">
					<a id="download-link1">(原始地址)</a>
				</div>
				<div style="float: left">
					-相册：${albumname}
				</div>
				<div id="image-desc1" class="image-desc"></div>
			</div>

		</div>
		<div id="navigation1" class="navigation">
			<ul class="thumbs noscript">
				<#list photolist as photo>
				<li>
					<a href="${photo.url}?imgmax=800" original="${photo.url}" title="${photo.title}"> <img src="${photo.thumbnailUrl}" /> </a>
				</li>
				</#list>
			</ul>
		</div>
		<!-- End Gallery Html Containers -->
	</div>
</div>
<script type="text/javascript">			
$(document).ready(function() {
	var gallery1 = $('#gallery1').galleriffic('#navigation1', {
		delay:                2000,
		numThumbs:            6,
		imageContainerSel:    '#slideshow1',
		controlsContainerSel: '#controls1',
		titleContainerSel:    '#image-title1',
		descContainerSel:     '#image-desc1',
		downloadLinkSel:      '#download-link1'
	});
				
	gallery1.onFadeOut = function() {
		$('#details1').fadeOut('fast');
	};
				
	gallery1.onFadeIn = function() {
		$('#details1').fadeIn('fast');
	};
});
</script>
</#macro> </#escape>
